﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="AddTrail.aspx.cs" Inherits="UI_AddTrail" Title="Trail" StylesheetTheme="default" EnableEventValidation="false" ValidateRequest="false" %>
<%@ Register Assembly="FreeTextBox" Namespace="FreeTextBoxControls" TagPrefix="FTB" %>
<%@ Register src="../Controls/GMap.ascx" tagname="GMap" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

    <script src="../js/Trail.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/dhtmlgoodies_calendar.js?random=20090909"></script>
<script language="javascript" type="text/javascript">
    function showCalender(btn, id) {
        displayCalendar(document.getElementById(id), 'mm/dd/yyyy', btn);
    }
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  <div id="content" align="center">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td align="left" valign="top" style="width:50%;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img77" runat="server" ImageUrl="~/images/box/white/round_box_top_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:image ID="im87" runat="server" ImageUrl="images/box/white/round_box_top_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img23" runat="server" ImageUrl="~/images/box/white/round_box_top_right.png" Width="8" Height="8" /></td>
                  </tr>
                  <tr>
                    <td width="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img98" runat="server" ImageUrl="~/images/box/white/round_box_left-08.png" Width="8" Height="2" /></td>
                    <td align="left" valign="top" bgcolor="#FFFFFF">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td align="left" valign="top" class="arial_heading_font_blue_16 dotted_bottom_line"><span class="error">*</span>Trail Title</td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">&nbsp;</td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">
                                <div style="padding:0px 10px; text-align:left; font-size:11px; line-height:20px;" >
                                  <asp:TextBox ID="txtTitle" runat="server"   Width="150px"></asp:TextBox>
                                  <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ValidationGroup="Form" 
                                    SetFocusOnError="true" ControlToValidate="txtTitle" Display="Dynamic"></asp:RequiredFieldValidator>&nbsp;&nbsp;<asp:RadioButton ID="rbPublic" Checked="true" Text="Public" runat="server" GroupName="Public" />
                                    <asp:RadioButton ID="rbPrivate" Text="Private" runat="server" GroupName="Public" />
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">&nbsp;</td>
                            </tr>
                        </table>
                    </td>
                    <td width="8" align="right" valign="top" style="background-color: White;"><asp:Image ID="img61" runat="server" ImageUrl="images/box/white/right.png" Width="8" Height="2" /></td>
                  </tr>
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image id="img41" runat="server" ImageUrl="~/images/box/white/round_box_bottom_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img51" runat="server" ImageUrl="~/images/box/white/round_box_bottom_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image id="img32" runat="server" ImageUrl="~/images/box/white/round_box_bottom_right.png" Width="8" Height="8" /></td>
                  </tr>
                </table>
             </td>
            <td align="left" valign="top" style="width:50%;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img71" runat="server" ImageUrl="~/images/box/white/round_box_top_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:image ID="im81" runat="server" ImageUrl="images/box/white/round_box_top_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img24" runat="server" ImageUrl="~/images/box/white/round_box_top_right.png" Width="8" Height="8" /></td>
                  </tr>
                  <tr>
                    <td width="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img91" runat="server" ImageUrl="~/images/box/white/round_box_left-08.png" Width="8" Height="2" /></td>
                    <td align="left" valign="top" bgcolor="#FFFFFF">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td align="left" valign="top" class="arial_heading_font_blue_16 dotted_bottom_line">Trail Date</td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">&nbsp;</td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">
                                <div style="padding:0px 10px; text-align:left; font-size:11px; line-height:25px;" > 
                                  <asp:TextBox ID="txtTripDate" runat="server"   Width="150px">
                                  </asp:TextBox>
                                  <asp:Image ID="Image1" style="cursor:pointer;" runat="server" ImageUrl="~/images/calender.jpg" Width="16" Height="16" onclick="javascript:showCalender(this,'ctl00_ContentPlaceHolder1_txtTripDate')" />
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">&nbsp;</td>
                            </tr>
                        </table>
                    </td>
                    <td width="8" align="right" valign="top" style="background-color: White;"><asp:Image ID="img62" runat="server" ImageUrl="images/box/white/right.png" Width="8" Height="2" /></td>
                  </tr>
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image id="img42" runat="server" ImageUrl="~/images/box/white/round_box_bottom_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img52" runat="server" ImageUrl="~/images/box/white/round_box_bottom_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image id="img33" runat="server" ImageUrl="~/images/box/white/round_box_bottom_right.png" Width="8" Height="8" /></td>
                  </tr>
                </table>
             </td>    
        </tr>
        <tr>
            <td align="left" valign="top" style="width:50%;" rowspan="2">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img74" runat="server" ImageUrl="~/images/box/white/round_box_top_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:image ID="im84" runat="server" ImageUrl="images/box/white/round_box_top_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img27" runat="server" ImageUrl="~/images/box/white/round_box_top_right.png" Width="8" Height="8" /></td>
                  </tr>
                  <tr>
                    <td width="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img94" runat="server" ImageUrl="~/images/box/white/round_box_left-08.png" Width="8" Height="2" /></td>
                    <td align="left" valign="top" bgcolor="#FFFFFF">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td align="left" valign="top" class="arial_heading_font_blue_16 dotted_bottom_line">
                                  Trail Description </td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">&nbsp;</td>
                            </tr>
                            <tr>
                              <td align="left" valign="top"><div style="padding:0px 10px; text-align:left; font-size:11px; line-height:20px;" > 
                              <FTB:FreeTextBox ID="ftbTripStory" runat="server" Width="470" Height="150" >
                                </FTB:FreeTextBox>
                              </div></td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">&nbsp;</td>
                            </tr>
                            <tr>
                                <td align="center">
                                <asp:Button ID="btnSubmit" runat="server" onclick="btnSubmit_Click"  CssClass="form_btn_big"
                                    Text="Save Trail" ValidationGroup="Form" OnClientClick="return endTrail();"/>
                                </td>
                          </tr>
                        </table>
                    </td>
                    <td width="8" align="right" valign="top" style="background-color: White;"><asp:Image ID="img65" runat="server" ImageUrl="images/box/white/right.png" Width="8" Height="2" /></td>
                  </tr>
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image id="img45" runat="server" ImageUrl="~/images/box/white/round_box_bottom_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img54" runat="server" ImageUrl="~/images/box/white/round_box_bottom_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image id="img36" runat="server" ImageUrl="~/images/box/white/round_box_bottom_right.png" Width="8" Height="8" /></td>
                  </tr>
                  
                </table>
            </td>
            <td align="left" valign="top" style="width:50%;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img72" runat="server" ImageUrl="~/images/box/white/round_box_top_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:image ID="im82" runat="server" ImageUrl="images/box/white/round_box_top_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img25" runat="server" ImageUrl="~/images/box/white/round_box_top_right.png" Width="8" Height="8" /></td>
                  </tr>
                  <tr>
                    <td width="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img92" runat="server" ImageUrl="~/images/box/white/round_box_left-08.png" Width="8" Height="2" /></td>
                    <td align="left" valign="top" bgcolor="#FFFFFF">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td align="left" valign="top" class="arial_heading_font_blue_16 dotted_bottom_line">Layer(s)</td>
                        </tr>
                        <tr>
                          <td align="left" valign="top">&nbsp;</td>
                        </tr>
                        <tr>
                          <td align="left" valign="top">
                            <div style="padding:0px 10px; text-align:left; font-size:11px; line-height:20px;" >
                                <table width="100%" cellspacing="0">
                                    <tbody>
                                        <tr>
                                            <td valign="top" align="left">
                                                <div>
                                                    <table>
                                                        <tr>
                                                            <%--<td><asp:DropDownList ID="ddlLayers" runat="server">
                                                                </asp:DropDownList></td>
                                                            <td>
                                                                <asp:TextBox ID="txtNewLayer" runat="server"></asp:TextBox></td>--%>
                                                            <td>
                                                                <asp:Literal ID="ltLayers" runat="server" Text="Select or add layer for this Trail"></asp:Literal>
                                                                <asp:CheckBoxList ID="chkLayers" runat="server" CellPadding="2" 
                                                                    CellSpacing="5" CssClass="label_font"  RepeatColumns="6">
                                                                </asp:CheckBoxList>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                          </td>
                        </tr>
                        <tr>
                          <td align="left" valign="top">&nbsp;</td>
                        </tr>
                    </table>
                  </td>
                  <td width="8" align="right" valign="top" style="background-color: White;"><asp:Image ID="img63" runat="server" ImageUrl="images/box/white/right.png" Width="8" Height="2" /></td>
                </tr>
                <tr>
                  <td width="8" height="8" align="left" valign="top"><asp:Image id="img43" runat="server" ImageUrl="~/images/box/white/round_box_bottom_left.png" Width="8" Height="8" /></td>
                  <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img59" runat="server" ImageUrl="~/images/box/white/round_box_bottom_repeater.png" Width="1" Height="8" /></td>
                  <td width="8" height="8" align="left" valign="top"><asp:Image id="img34" runat="server" ImageUrl="~/images/box/white/round_box_bottom_right.png" Width="8" Height="8" /></td>
                </tr>
             </table>
            </td>    
        </tr>
        <tr>
            <td align="left" valign="top" style="width:50%;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img73" runat="server" ImageUrl="~/images/box/white/round_box_top_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:image ID="im83" runat="server" ImageUrl="images/box/white/round_box_top_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img26" runat="server" ImageUrl="~/images/box/white/round_box_top_right.png" Width="8" Height="8" /></td>
                  </tr>
                  <tr>
                    <td width="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img93" runat="server" ImageUrl="~/images/box/white/round_box_left-08.png" Width="8" Height="2" /></td>
                    <td align="left" valign="top" bgcolor="#FFFFFF">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td align="left" valign="top" class="arial_heading_font_blue_16 dotted_bottom_line">Location</td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">&nbsp;</td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">
                                <div style="padding:0px 10px; text-align:left; font-size:11px; line-height:20px;" >
                                    <table>
                                        <tbody>
                                            <tr>
                                                <td align="left"><font size="-2">Country</font></td>
                                                <td align="left"><font size="-2">State/Province</font></td>
                                                <td align="left"><font size="-2">City/Town</font></td>
                                            </tr>
                                            <tr>
                                                <td align="left">
                                                    <asp:TextBox ID="txtCountry" runat="server"   Width="150px"></asp:TextBox>    
                                                </td>
                                                <td align="left">
                                                    <asp:TextBox ID="txtState" runat="server"   Width="150px"></asp:TextBox>                         
                                                </td>
                                                <td align="left">
                                                    <asp:TextBox ID="txtCity" runat="server"   Width="150px"></asp:TextBox>                
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" align="left"><font size="-2">Feel free to overwrite</font></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td align="left" valign="top">&nbsp;</td>
                            </tr>
                        </table>
                    </td>
                    <td width="8" align="right" valign="top" style="background-color: White;"><asp:Image ID="img64" runat="server" ImageUrl="images/box/white/right.png" Width="8" Height="2" /></td>
                  </tr>
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image id="img44" runat="server" ImageUrl="~/images/box/white/round_box_bottom_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img53" runat="server" ImageUrl="~/images/box/white/round_box_bottom_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image id="img35" runat="server" ImageUrl="~/images/box/white/round_box_bottom_right.png" Width="8" Height="8" /></td>
                  </tr>
                </table>
            </td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td colspan="2">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td align="center" valign="top">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="8" height="8" align="left" valign="top"><asp:Image ID="img6" runat="server" ImageUrl="~/images/box/white/round_box_top_left.png" Width="8" Height="8" /></td>
                                <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img8" runat="server" ImageUrl="~/images/box/white/round_box_top_repeater.png" Width="1" Height="8" /></td>
                                <td width="8" height="8" align="left" valign="top"><asp:Image ID="img7" runat="server" ImageUrl="~/images/box/white/round_box_top_right.png" Width="8" Height="8" /></td>
                              </tr>
                              <tr>
                                <td width="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img9" runat="server" ImageUrl="~/images/box/white/round_box_left-08.png" Width="8" Height="2" /></td>
                                <td align="center" valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td align="center" valign="top"><uc1:GMap ID="GMap1" ViewMode="false" runat="server" /></td>
                                  </tr>

                                </table></td>
                                <td width="8" align="right" valign="top" style="background-color: White;"><asp:Image ID="img12" runat="server" ImageUrl="~/images/box/white/right.png" Width="8" Height="2" /></td>
                              </tr>
                              <tr>
                                <td width="8" height="8" align="left" valign="top"><asp:Image ID="img13" runat="server" ImageUrl="~/images/box/white/round_box_bottom_left.png" Width="8" Height="8" /></td>
                                <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img99" runat="server" ImageUrl="~/images/box/white/round_box_bottom_repeater.png" Width="1" Height="8" /></td>
                                <td width="8" height="8" align="left" valign="top"><asp:Image ID="img14" runat="server" ImageUrl="~/images/box/white/round_box_bottom_right.png" Width="8" Height="8" /></td>
                              </tr>
                            </table>
                        </td>
                  </tr>
                </table>
            </td>
        </tr>
    </tbody>
  </table>
</div>
    
    
    

</asp:Content>

